<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>newsCenter_followList</title>
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" type="text/css" href="static/css/public.css">
    <link rel="stylesheet" type="text/css" href="static/css/index.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/newsCenter_followList.css">
    <!--[if gte IE 9]>
    <script src='assets/libs/jquery.js'  type="text/javascript"></script>
    <script src="assets/libs/flexie.js" type="text/javascript"></script>
    <![endif]-->
    <!--[if IE 9]>
    <style>
        .followList_right{
            margin-left:10px;
        }
    </style>
    <![endif]-->

</head>
<body>
<div class="homepage" id='homepage'>
    <div class="header" id='header'>
        <div class="wrap">
            <a href="#" class="logo fl"><img src="static/img/logo.png" alt=""></a>
            <ul class='fl nav' id='nav'>
                <li><a href="#">首页</a></li>
                <li><a href="#">推荐作品</a></li>
                <li><a href="#">动态</a></li>
                <span></span>
            </ul>
            <div class="fr right">
                <div href="javascript:;" class="submission fr">投稿
                    <ul class='hide-ul'>
                        <li><a href="javasacript;;">作品发布</a></li>
                        <li><a href="javasacript;;">文章发布</a></li>
                        <li><a href="javasacript;;">心情发布</a></li>
                    </ul>
                </div>
                <!-- 头像组合和下拉框 -->
                <div class="avator fr">
                    <img src="static/img/img_all01.png" alt="">
                    <div class="hide-box">
                        <p class='name'>你大爷</p>
                        <p class='info'>
                <span><i class='icon iconfont icon-liangshinew'></i>8
                    <!-- what是里面的小弹框 -->
                  <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i>
                </span>
                            <span><i class='icon iconfont icon-yugu1'></i>6
                <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i></span>
                            <span><i class='icon iconfont icon-wode'></i>5
                <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i></span>
                            <a href="javascript:;" class="fr">充值</a>
                        </p>
                        <ul class='clearfix'>
                            <li><a href="javascrip:;">我的主页</a></li>
                            <li><a href="javascrip:;">我的收藏</a></li>
                            <li><a href="javascrip:;">我的钱包</a></li>
                            <li><a href="javascrip:;">我的创作</a></li>
                            <li><a href="javascrip:;">我的成就</a></li>
                            <li><a href="javascrip:;">账号设置</a></li>
                        </ul>
                        <a href="javascript:;" id='login_out'>退出</a>
                    </div>
                </div>
                <div class="news fr"><img src="static/img/news.png" alt=""><i></i>
                    <ul class='hide-ul'>
                        <li><a href="javasacript;;">收到的评论</a></li>
                        <li><a href="javasacript;;">点赞 / 收藏</a></li>
                        <li><a href="javasacript;;">系统通知</a></li>
                        <li><a href="javasacript;;">私信消息</a></li>
                    </ul>
                </div>
                <div class="search-box fr">
                    <a class="search fl clearfix" id="search"></a>
                    <input type="text" class='fl' placeholder="搜索作品、二次元星人等">
                </div>
            </div>
        </div>
    </div>
    <div class="bg">
        <div class="wrap">
            <img src="static/img/img_all02.png" alt="" class='fl'>
            <div class="img-after">
                <p data-text='布丁酱'>布丁酱</p>
                <p class='info' data-text='我是一个粉刷匠，画画本领强~'>我是一个粉刷匠，画画本领强~</p>
            </div>
        </div>
    </div>
    <div class="home-nav" id='home-nav'>
        <div class="inner">
            <div class="wrap">
                <ul class='clearfix'>
                    <li class='active'><a href="javascript;;">我的主页</a></li>
                    <li><a href="javascript;;">作品库</a></li>
                    <li><a href="javascript;;">文章</a></li>
                    <li><a href="javascript;;">关注列表</a></li>
                </ul>
            </div>
        </div>
    </div>




<!--主要内容-->
    <section>
        <div class="followList_left">
            <img class="userLogo" src="static/img/notice_img2.png" alt="">
            <p class="userName">一个名字</p>
            <p class="userTip">我有一个梦想，面朝大海安静地作画</p>
            <ul class="userFollowList">
                <li data_pageName="#myFloow" class="active">
                    <span>我关注的</span>
                    <span>5</span>
                </li>
                <li data_pageName="#myFans">
                    <span>我的粉丝</span>
                    <span>555</span>
                </li>
                <li data_pageName="#myBlackList">
                    <span>黑名单</span>
                    <span>512</span>
                </li>
            </ul>
        </div>
        <div class="followList_right">
            <ul id='myFloow' class='followList_main rank_main active'>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div class='follow_btn btn_gray'>已关注</div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/tuijian.jpg"/>
                        <img src="static/img/tuijian.jpg"/>
                    </div>
                </li>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div class='follow_btn btn_orange'>关注</div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/tuijian.jpg"/>
                        <img src="static/img/tuijian.jpg"/>
                    </div>
                </li>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div class='follow_btn btn_gray'>互相关注</div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/tuijian.jpg"/>
                        <img src="static/img/tuijian.jpg"/>
                    </div>
                </li>
            </ul>
            <ul id='myFans' class='followList_main rank_main'>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div>
                            <div class='follow_btn btn_orange'>关注</div>
                            <div class='follow_btn btn_gray'>加入黑名单</div>
                        </div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/test001.jpg"/>
                        <img src="static/img/test001.jpg"/>
                    </div>
                </li>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div>
                            <div class='follow_btn btn_gray'>互相关注</div>
                            <div class='follow_btn btn_gray'>加入黑名单</div>
                        </div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/test001.jpg"/>
                        <img src="static/img/test001.jpg"/>
                    </div>
                </li>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div>
                            <div class='follow_btn btn_gray'>互相关注</div>
                            <div class='follow_btn btn_gray'>加入黑名单</div>
                        </div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/test001.jpg"/>
                        <img src="static/img/test001.jpg"/>
                    </div>
                </li>
            </ul>
            <ul id='myBlackList' class='followList_main rank_main'>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div class='follow_btn btn_gray'>移出黑名单</div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/test001.jpg"/>
                        <img src="static/img/test001.jpg"/>
                    </div>
                </li>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div class='follow_btn btn_gray'>移出黑名单</div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/test001.jpg"/>
                        <img src="static/img/test001.jpg"/>
                    </div>
                </li>
                <li>
                    <div class='personal_logo'>
                        <img src="static/img/test001.jpg">
                    </div>
                    <div class='personal_data'>
                        <div class='personal_data_tip'>
                            <p class='personal_name'>18岁的均云</p>
                            <p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
                            <p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
                        </div>
                        <div class='follow_btn btn_gray'>移出黑名单</div>
                    </div>
                    <div class='personal_works'>
                        <img src="static/img/test001.jpg"/>
                        <img src="static/img/test001.jpg"/>
                    </div>
                </li>
            </ul>
            <div id='page'>
                <ul class='page'>
                    <li>＜</li>
                    <li>1</li>
                    <li class='active'>2</li>
                    <li>＞</li>
                </ul>
            </div>
        </div>
    </section>

    <script type="text/javascript" src='assets/libs/jquery.js'></script>
    <script type="text/javascript" src='static/js/newsCenter_followList.js'></script>
</body>
</html>